<!--交易详情页-->
<template>
  <div class="container">
    <nav-bar title="" bgColor="" hiddenLine="yes" @leftAction="_leftAction"></nav-bar>
    <div class="head">
      <span class="money">sss</span>
      <span class="detail">sss</span>
      <div class="line"/>
    </div>
    <div class="body" v-for="item,index in items">
        <div class="cell" :class="index===0?marginTop1:marginTop2">
          <span class="title" >{{item.name}}</span>
          <span class="detail">{{item.detail}}</span>
        </div>
    </div>

  </div>
</template>

<script>
import request from '../../request/requestBase'
import navBar from '../../components/navBar'

export default {

  name: 'transDetail',
  props: {},
  components: {
    navBar,
  },
  data () {
    return {
      marginTop1:'marginTop1',
      marginTop2:'marginTop2',
      items:[
        {name:'1',detail:'-----'},
        {name:'1',detail:'-----'},
        {name:'1',detail:'-----'},
      ]
    }
  },
  created () {

  },
  methods: {
    _leftAction () {
      this.$router.go(-1)
    },
  },
}
</script>

<style scoped lang="less">
  .container {
    background-color: #fff;
    height: 6.67rem;
    .head {
      width: 3.75rem;
      overflow: hidden;

      .money {
        color: #333333;
        font-size: 0.34rem;
        line-height: 0.34rem;
        /*background-color: #af123c;*/
        margin: 0.43rem auto 0;
        display: block;
        text-align: center;
      }
      .detail {
        /*background-color: pink;*/
        color: #999999;
        font-size: 0.16rem;
        line-height: 0.16rem;
        margin: 0.07rem auto 0;
        display: block;
        text-align: center;
      }
      .line{
        height: 0.01rem;
        opacity: 0.3;
        background-color: #232323;
        width: 3.35rem;
        margin: 0.73rem auto 0;
      }
    }
    .body {
      width: 3.75rem;
      overflow: hidden;
      padding: 0 0.27rem;
      .cell{
        width: 100%;
        height: 0.22rem;
        /*background-color: #af123c;*/
        .title{
          float: left;
          text-align: left;
          color: #999999;
        }
        .detail{
          float: right;
          text-align: right;
          color: #000000;
        }
      }
    }

    .marginTop1{
      margin-top: 0.24rem;
    }
    .marginTop2{
      margin-top: 0.10rem;
    }

  }

</style>
